﻿
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台管理系统</title>
<script language="javascript" src="jquery.js"></script>
<style type="text/css">
<!--
* {
	margin: 0px;
	padding: 0px;
}

html,body {
	height: 100%;
	overflow: hidden;
}

html>body { /*-- for !IE6.0 --*/
	width: auto;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

body {
	border: 8px solid #ffffff;
	background-color: #ffffff;
	min-width: 230px;
}

#mainDiv {
	width: 100%;
	height: 100%;
	padding: 60px 0px 25px 0px;;
}

#centerDiv {
	width: 100%;
	height: 100%;
	background-color: #00CCFF;
	padding-left: 158px;
}

#mainDiv>#centerDiv { /*-- for !IE6.0 --*/
	width: auto;
	height: auto;
	position: absolute;
	top: 56px;
	left: 0px;
	right: 0px;
	bottom: 20px;
}

#left {
	width: 158px;
	height: 100%;
	background: url(slide.jpg) repeat-y;
	position: absolute;
	left: 0px;
}

#lhead {
	background: url(left-head.jpg) left top no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FF9933;
	text-align: center;
	line-height: 25px;
}

#right {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	overflow-y: auto;
	border: 1px #003366 solid;
	padding: 20px 0 0 10px;
	font-size: 12px;
	font-family: "宋体";
}

#centerDiv>#right {
	width: auto;
	height: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 158px;
	bottom: 0px;
}

#topDiv {
	width: 100%;
	height: 56px;
	background: url(head-bg.jpg) repeat-x;
	position: absolute;
	top: 0px;
	overflow: hidden;
}

#topDiv ul {
	list-style: none;
	font-size: 12px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#topDiv ul li {
	float: left;
	width: 15%
}

#topDiv ul li a {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: url(menu-bg.jpg) repeat-x;
	color: #FFFFFF;
	direction: none;
	text-align: center;
	border-bottom: 1px #000066 solid;
	border: 1px #06597D solid;
}

#tmenu {
	width: 100%;
	position: absolute;
	left: 12%;
	bottom: 0;
	padding-left: 15%;
	margin-left: -15%;
}

#current {
	background: #ccc;
	height: 25px;
	line-height: 25px;
	margin: -20px 0 0 -10;
	overflow: hidden;
}

#bottomDiv {
	width: 100%;
	height: 20px;
	background: url(bottom.jpg) repeat-x;
	position: absolute;
	bottom: 0px;
	bottom: -1px; /*-- for IE6.0 --*/
}

#left ul {
	list-style: none;
	font-size: 12px;
	margin: 50px 0 0 8px;
}

#left ul li a {
	display: block;
	width: 140px;
	height: 25px;
	line-height: 25px;
	background: url(menu-bg.jpg) repeat-x;
	color: #FFFFFF;
	direction: none;
	text-align: center;
	border-bottom: 1px #000066 solid;
	border: 1px #06597D solid;
}

#left ul li a:hover {
	background: url(menu-bg.jpg) 0px 25px;
	color: #99FFCC;
	direction: none;
	text-align: center;
	border-bottom: 1px #000066 solid;
}

#form {
	width: 80%;
	height: 99%;
	margin: 0 auto;
	_margin-left: 20%;
}

fieldset {
	width: 100%;
	margin: 20 auto;
	line-height: 35px;
	padding-left: 20PX;
}
-->
</style>
</head>
<body>
	<div id="mainDiv">
		<div id="topDiv">
			<div id="tmenu">
				<ul>
					<li><a href="http://www.865171.cn/">首页</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">更多后台模板</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">横向菜单</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">横向菜单</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">横向菜单</a>
					</li>
				</ul>
			</div>
		</div>
		<div id="centerDiv">

			<div id="left">
				<div id="lhead">管理菜单</div>
				<ul>
					<li><a href="http://www.865171.cn/admin-templates">菜单 1</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">菜单 2</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">菜单 3</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">菜单 4</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">菜单 5</a>
					</li>
					<li><a href="http://www.865171.cn/admin-templates">菜单 6</a>
					</li>
				</ul>
			</div>
			<div id="right">
				<div id="current">&nbsp;&nbsp;&nbsp;&nbsp;当前位置:</div>
				<div id="form">
					<form action="http://www.865171.cn/admin-templates/" method="post">

						<fieldset>
							<legend>用户名与密码:</legend>

							<input id="hiddenField" name="hiddenField" type="hidden"
								value="hiddenvalue" /> <label for="username">用户名:</label> <input
								type="text" id="username" name="username" value="dreamdu" /> <label
								for="pass">密码:</label> <input type="password" id="pass"
								name="pass" />
						</fieldset>
						<fieldset>
							<legend>性别:</legend>
							<label for="boy">男</label> <input type="radio" value="1" id="sex"
								name="sex" /> <label for="girl">女</label> <input type="radio"
								value="2" id="sex" name="sex" /> <label for="sex">保密</label> <input
								type="radio" value="3" id="sex" name="sex" />
						</fieldset>
						<fieldset>
							<legend>我最喜爱的:</legend>
							<label for="computer">计算机</label> <input type="checkbox"
								value="1" id="fav" name="fav" /> <label for="trval">旅游</label>
							<input type="checkbox" value="2" id="fav" name="fav" /> <label
								for="buy">购物</label> <input type="checkbox" value="3" id="fav"
								name="fav" />
						</fieldset>
						<fieldset>
							<legend>对www.865171.cn的意见:</legend>
							<label for="select">你对www.865171.cn的感觉</label> <select size="1"
								id="select" name="select">
								<option>很全面,很好</option>
								<option>一般般吧,还要努力</option>
								<option>有很多问题,不过还可以</option>
							</select>
						</fieldset>
						<fieldset>
							<legend>www.865171.cn编程语言选择:</legend>
							<label for="multipleselect">你想在www.865171.cn学习的编程语言</label> <select
								size="10" multiple="multiple" id="multipleselect"
								name="multipleselect">
								<option>XHTML</option>
								<option>CSS</option>
								<option>JAVASCRIPT</option>
								<option>XML</option>
								<option>PHP</option>
								<option>C#</option>
								<option>JAVA</option>
								<option>C++</option>
								<option>PERL</option>
							</select>
						</fieldset>
						<fieldset>
							<legend>我要在www.865171.cn学:</legend>
							<label for="WebDesign">选择一个你在www.865171.cn最想学的</label> <select
								id="WebDesign" name="WebDesign">
								<optgroup label="client">
									<option value="HTML">HTML</option>
									<option value="CSS">CSS</option>
									<option value="javascript">javascript</option>
								</optgroup>
								<optgroup label="server">
									<option value="PHP">PHP</option>
									<option value="ASP">ASP</option>
									<option value="JSP">JSP</option>
								</optgroup>
								<optgroup label="database">
									<option value="Access">Access</option>
									<option value="MySQL">MySQL</option>
									<option value="SQLServer">SQLServer</option>
								</optgroup>
							</select>
						</fieldset>
						<fieldset>
							<legend>个人化信息:</legend>
							<label for="myimage">个性照片上传</label> <input type="file"
								id="myimage" name="myimage" /> <label for="contactus">联系我们</label>

						</fieldset>
						<fieldset>
							<legend>提交:</legend>
							<input type="submit" value="submit" id="submit" name="submit" />
							<input type="reset" value="reset" id="reset" name="reset" />
						</fieldset>


					</form>

				</div>
			</div>
		</div>
		<div id="bottomDiv"></div>
	</div>
	<script language="javascript">
$("#test1").toggle(function(){$("#test").slideDown()},function(){$("#test").slideUp()})
</script>
</body>
</html>